<script setup lang="ts">

</script>

<template>
  <div class="bullet-screen relative overflow-hidden text-white">
    <span class="bullet animate__headShake top-1/5 left-1/4">不知道电脑为啥开不了机</span>
    <span class="bullet animate__swing top-2/5 left-1/2">office 打不开</span>
    <span class="bullet animate__wobble top-3/5 left-3/4">番茄炒鸡蛋放多少盐🧂</span>
    <span class="bullet animate__heartBeat top-4/5 left-1/10">有没有大哥帮忙清灰？？</span>
  </div>
</template>

<style scoped>
.bullet {
  @apply absolute bg-blue-300 text-gray-700 px-2 py-1 rounded;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
}
</style>